<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="cn">
<head>
<%@ include file="/WEB-INF/pages/include/globa.jsp"%>
<head>
<meta charset="utf-8" />
<title>智能硬件梦工场</title>
<meta http-equiv="description" content="智能硬件梦工场,敏捷制造,工业设计">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta http-equiv="keywords" content="智能硬件梦工场" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0, user-scalable=0" />
<!-- 基本 CSS样式 -->
<link href="${SERVER_PATH}/css/index/main.css" rel="stylesheet">
<!-- 网页css样式 -->
<link href="${SERVER_PATH}/css/index/style.css" rel="stylesheet">
<!--图标按钮-->
<link href="${SERVER_PATH}/fonts/ali-icons-index/iconfont.css"
	rel="stylesheet">
<!--弹出层-->
<link
	href="${SERVER_PATH}/libs/jquery/bootstrap-modal/css/bootstrap-modal.css"
	rel="stylesheet">
<link
	href="${SERVER_PATH}/libs/jquery/bootstrap-modal/css/bootstrap-modal-bs3patch.css"
	rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>
.made-btn {
	font-size: 18px;
	height: 35px;
	background-color: #F44336;
	border: 1px solid #F44336;
	padding: 0 15px;
	cursor: pointer;
	position: absolute;
	bottom: 40px;
	left: 50%;
}

.seven-star-bg {
	background-image: url(${SERVER_PATH}/img/bg/star-bg.png);
	margin-top: 0;
	padding-top: 50px;
	min-height: 300px;
}

@media ( min-width : 768px) {
	.seven-star-bg {
		min-height: 600px;
		background-size: cover;
	}
}
</style>
</head>
<body class="noselect" ondragstart="return false">
	<header class="header ">
		<div class="container container-large  clearfix">
			<div class="page-wrap header-parent">
				<div class="header-stable">
					<div class="header-logo">
						<a href="${SERVER_PATH}/index">
							<h4>
								<img src="${SERVER_PATH}/img/logo2.png" alt="梦工场">
							</h4>
						</a>
					</div>
				</div>
				<div class="page-wrap header-navi">
					<div class="navi-left">
						<ul id="navi-menu-left" class="page-wrap navigation">
							<li><a href="${SERVER_PATH}/tech/list">科技成果</a></li>
							<li class="active"><a href="${SERVER_PATH}/made">智造局</a></li>
							<li><a href="#">活动</a></li>
						</ul>
					</div>
					<div class="navi-login">
						<ul id="navi-menu-right" class="page-wrap navigation login-ul">

							<c:choose>
								<c:when test="${empty user}">
									<li><a href="${SERVER_PATH}/login#/access/signin">登录</a></li>
									<li><span>|</span><a
										href="${SERVER_PATH}/login#/access/reg/phone">注册</a></li>
								</c:when>
								<c:otherwise>
									<li class="userli"><a href="${SERVER_PATH}/user"> <i><img
												src="${user.icon}" /></i><span>${user.name}</span>
									</a></li>
								</c:otherwise>
							</c:choose>

						</ul>
					</div>
					<div class="page-wrap navi-toggle">
						<a href="#" class="navi-toggle-btn"> <i
							class="iconfont icon-menu"></i>
						</a>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- 侧边导航 -->
	<div class="slide-mask"></div>
	<aside class="slide-wrapper">
		<div>
			<ul id="navi-menu">
			</ul>
		</div>
	</aside>
	<section class="seven-star star-bg seven-star-bg">
		<div class="container" style="position: relative; height: 100%;">
			<button type="button" id="madeEnter" class="banner-btn made-btn">入驻申请</button>
		</div>
	</section>
	<section id="star-quick" class="star-bg star-quick pb40">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 col-sm-12 text-left">
					<h3 class="text-center">
						<a class="hard-link" href="http://www.icmdb.cn/rbw/toOrderMain"
							target="_blank">敏捷制造 快制中心</a>
					</h3>
					<p class="plh2 pi2">中关村智造大街快制中心实验室位于智造大街F座（主楼）一层，是专注于敏捷制造、供应链服务以及测试环境为一体的的创新型服务平台。
						快制中心着力整合敏捷制造、检验测试、供应链整合等关键环节的优势资源，建设以智能硬件为抓手的服务链条，搭建重装公共创新服务平台，
						推动智能制造的技术成果转化与产学研协同创新，加快智能制造产业核心技术突破，推动产业发展和集聚。</p>
					<p class="plh2 pi2">通过打造的敏捷制造生态链，极大缩短产品从创意、落地到产品上市的周期，为客户的创新发展保驾护航。</p>
				</div>
			</div>
		</div>
	</section>
	<section id="star-coordination" class="star-bg pt40 pb40">
		<div class="container">
			<div class="row">
				<div class="text-left">
					<h3 class="text-center">
						<a class="hard-link" href="http://www.icmdb.cn/rbw/toInnovate"
							target="_blank" style="color:#fff">协同创新 科技服务</a>
					</h3>
					<div class="col-md-10 col-md-offset-1">
						<p class="plh2">公共服务平台作为智造大街的核心服务机构，在服务模式及专项能力上同步创新，在充分发挥重装服务特色优势的同时，
							还依托新型的协作形式，进一步强化专业服务者与需求方之间的合作关系，真正做到一站式解决问题。</p>
					</div>
				</div>
			</div>
			<div class="row coop-list">
				<div class="col-md-3 col-xs-6 text-center">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>协同创新 科技服务</h4>
				</div>
				<div class="col-md-3 col-xs-6 text-center">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>协同创新 科技服务</h4>
				</div>
				<div class="col-md-3 col-xs-6 text-center">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>协同创新 科技服务</h4>
				</div>
				<div class="col-md-3 col-xs-6 text-center">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>协同创新 科技服务</h4>
				</div>
			</div>
		</div>
	</section>
	
	<section id="star-tech" class="pt40 pb40">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 col-sm-12 text-center star-quick">
					<h3>技术研发 方案设计</h3>
					<h4>服务理念</h4>
				</div>
			</div>
			<div class="row service-flow">
				<div class="col-md-2 col-xs-2">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>产品定位</h4>
				</div>
				<div class="col-md-2 col-xs-2">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>外观设计</h4>
				</div>
				<div class="col-md-2 col-xs-2">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>结构设计</h4>
				</div>
				<div class="col-md-2 col-xs-2">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>设计整合</h4>
				</div>
				<div class="col-md-2 col-xs-2">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>模具监理</h4>
				</div>
				<div class="col-md-2 col-xs-2">
					<i class="iconfont icon-hezixiangzi"></i>
					<h4>模具制造</h4>
				</div>
			</div>
			<div class="row text-center">
				<img src="${SERVER_PATH}/img/star/tech-floor.jpg" class="floorimg">
				<div class="col-md-10 col-md-offset-1">
					<p class="text-left pt20 plh2 pi2">
						智造大街研发专家团队在智能硬件、汽车电子、工业控制、医疗仪器、消费电子等领域的PCBA和电子产品IC开发具备多年的开发经验，
						可根据需求，提供研发上的方案设计服务，包括原理设计，PCB布局，电子线路设计，智能控制等兼容组合设计，帮助创新创业团队甄别所缺乏的能力单元，
						并提供缺乏单元的专家援助。</p>
				</div>
			</div>
		</div>
	</section>
	<section id="star-standard" class="pt40 pb40 grey-bg">
		<div class="container">
			<div class="row text-left">
				<h3 class="text-center">检验检测 标准认定</h3>
				<div class="col-md-10 col-md-offset-1">
					<h4 class="pi2">检验检测服务</h4>
					<p class="plh2 pi2">
						元器件检验，集成电路评测，数字电视测试与认证，网络信息与软件产品测试，实验室环境试验，锂离子电池模拟与试验，
						3C检测，电磁兼容，有害物质检测，计量与检测，物联网相关产品及检测，信息安全，软件产品与评估。</p>
					<h4 class="pi2">检测认证相关培训服务</h4>
					<p class="plh2 pi2">
						信息安全培训，IT服务培训，实验室管理体系培训，职业资格培训，两化融合培训，管理体系培训。</p>
				</div>
			</div>
			<div class="row text-center">
				<img src="${SERVER_PATH}/img/star/standard.png">
			</div>
		</div>
	</section>
	<section id="star-experiment" class="pt40" style="padding-top: 70px">
		<div class="container">
			<div class="row text-left">
				<h3 class="text-center">产品中试 中小批量</h3>

				<div class="col-md-10 col-md-offset-1">
					<p class="text-center plh2">
						提供智能制造领域OEM生产，解决创新创业团队在产品中试、中小批量生产中遇到的小订单生产难、排期难的问题。</p>
					<h4 class="pi2">OEM加工</h4>
					<p class="plh2 pi2">批量电路板焊接; 批量精密SMT贴片; 超精密SMT样板打样; 专业BGA焊接/返修;
						产品调试/老化/组装/测试; 工装/夹具/治具制作; 激光打标/激光刻字/3D打印; 新产品打样/小批量试制</p>
					<h4 class="pi2">服务保障</h4>
					<p class="plh2 pi2">
						中、高速贴片机器20台，回流炉10台，波峰焊机2台，由此组成手贴线6条、手插线4条、焊接线6条、组装线6条，使其加工能力达到表面贴装100亿件/年。
					</p>
				</div>

			</div>
			<div class="row text-center">
				<img src="${SERVER_PATH}/img/star/mechine.png">
			</div>
		</div>
	</section>
	<section id="star-product" class="star-bg star-product pt40" style="max-height:450px;">
		<div class="container">
			<div class="row">
				<div
					class="col-md-8 col-md-offset-2 col-sm-12 text-center star-quick">
					<h3>产品创意 工业设计</h3>
					<p class="plh2">构建设计与科技创新生态系统，为创新创业提供产品创业与工业设计服务，以优秀专家团队支持智能制造产品的研发。</p>
				</div>
			</div>
			<div class="row product-flow text-center" style="">
				<div class="col-md-2 col-xs-2">产品定位</div>
				<div class="col-md-2 col-xs-2">外观设计</div>
				<div class="col-md-2 col-xs-2">结构设计</div>
				<div class="col-md-2 col-xs-2">设计整合</div>
				<div class="col-md-2 col-xs-2">模具监理</div>
				<div class="col-md-2 col-xs-2">模具制造</div>
			</div>
			<div class="clear"></div>
		</div>
	</section>
	<section id="star-market" class="star-bg ">
		<div class="container">
			<div class="row">
				<h3 class="text-center">市场推广 品牌提升</h3>
				<img src="${SERVER_PATH}/img/star/brand.png">
			</div>
		</div>
	</section>
	<section class="underfooter">
		<div class="container container-large ">
			<div class="row">
				<div class="col-xs-9 col-sm-6 col-md-3 redlock-border">
					<!--<h4>联系我们</h4> -->
					<div class="footer-left">
						<dl class="footer-address">
							<dt>
								<i class="iconfont icon-brand1"></i>
							</dt>
							<dd>
								<address class="redlock-connect">
									<span>服务电话</span><br> 010-61934110
								</address>
							</dd>
						</dl>
						<dl class="footer-address">
							<dt>
								<i class="iconfont icon-brand2 foot-height"></i>
							</dt>
							<dd>
								<address>
									<span>公司地址</span><br> 北京市海淀区成府路45号 中关村智造大街
								</address>
							</dd>
						</dl>
						<dl class="footer-address">
							<dt>
								<i class="iconfont icon-brand"></i>
							</dt>
							<dd>
								<address>
									<span>公司邮箱</span><br> <a href="mailto:#">ying_zhihui@hotmail.com</a>
								</address>
							</dd>
						</dl>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-6 redlock-border">
					<div class="footer-cooperation">
						<div class="row">
							<ul class="clearfix footer-links">
								<span class="footer-title">合作伙伴</span>
								<li style="width: 180px"><a href="#" class="thumbnail">
										<img src="${SERVER_PATH}/img/logo3.png" alt="智造大街">
								</a></li>
								<li style="padding-left: 20px;"><a href="#"
									class="thumbnail"> <img src="${SERVER_PATH}/img/logo1.png"
										alt="智能硬件梦工场">
								</a></li>

							</ul>
						</div>
					</div>

				</div>
				<div class="col-xs-12 col-sm-12 col-md-3">
					<div>
						<div class="footer-code">
							<span class="footer-title">扫描关注智能硬件梦工场</span> <img
								src="${SERVER_PATH}/img/code.jpg" class="v-code" alt="二维码">
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<div class="show-tab">
		<ul class="star-box">
			<li><a href="https://jinshuju.net/f/tiba45" target="_blank"><i
					class="iconfont icon-xuqiu"> </i><span>需求提交</span></a></li>
			<li><a href="https://jinshuju.net/f/pFv2OQ" target="_blank"><i
					class="iconfont icon-ruzhu"> </i><span>入驻申请</span></a></li>
			<li><a href="javascript:void(0)" data-toggle="modal"
				data-target="#userRequireModal"><i
					class="iconfont icon-kefu-copy"></i><span>联系客服</span></a></li>
			<li><a href="javascript:void(0)" id="back-top"><i
					class="iconfont icon-huidaodingbu"></i><span>返回顶部</span></a></li>
		</ul>
	</div>
	<footer>
		<div class="container">
			<div class="row">
				<p class="text-center">
					网站支撑单位：北京硬智汇科技有限公司 |&nbsp;<a href="http://www.miibeian.gov.cn/"
						target="_blank">京ICP备121212212号</a>
				</p>
			</div>
		</div>
	</footer>
	<!-- Modal -->
	<div class="modal fade" id="userRequireModal" tabindex="-1"
		role="dialog" aria-labelledby="userRequireModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">咨询我们</h4>
				</div>
				<form id="requireform">
					<div class="modal-body">
						<div class="form-group">
							<label for="username"> <span>称呼：</span>
							</label> <input name="username" maxlength="30" class="form-control"
								type="text" />
						</div>
						<div class="form-group">
							<label for="telephone"> <span>联系电话：</span>
							</label> <input name="telephone" maxlength="12" class="form-control"
								type="text" />

						</div>
						<div class="form-group">
							<label for="content"> <span>需求：</span>
							</label>
							<textarea class="form-control" name="content"></textarea>
						</div>
						<div class="form-group">
							请填写您的需求，我们稍后会有客服与您接洽，您也可以直接咨询我们：<br /> 电话：010-61934110<br />
							Email：redblock@sina.com
						</div>
						<div class="form-group">
							<span id="msgId" class="redblock"></span>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" id="submitBtn" class="banner-btn">提交</button>
						<button type="button" class="banner-btn" data-dismiss="modal">取消</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- jQuery -->
	<script type="text/javascript"
		src="${SERVER_PATH}/libs/jquery/jquery.min.js"></script>
	<!-- 响应导航  -->
	<script type="text/javascript"
		src="${SERVER_PATH}/js/web/response-navi.js"></script>

	<!-- 科技成果引入方法 -->
	<script type="text/javascript"
		src="${SERVER_PATH}/js/web/tech-function.js"></script>
	<!-- 弹出层js -->
	<script type="text/javascript"
		src="${SERVER_PATH}/libs/jquery/bootstrap-modal/js/bootstrap-modal.js"></script>
	<script type="text/javascript"
		src="${SERVER_PATH}/libs/jquery/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
	<script>
	$(function(){
	  	$('#userRequireModal').on('shown.bs.modal', function (e) {  
	        $(this).find('.modal-dialog').css({  
	            'margin-top': function () {  
	                var modalHeight = $(this).height();  
	                $(this).show();
	                return  ($(window).height() / 2)-($(this).find("#requireform").height()/2);  
	            }  
	        });      
	    });  
		$('#msgId').empty();
		var wh=$(window).height();
		$(window).scroll(function(){
			var s = wh-$(window).scrollTop();
			if(s < -700) {
				$('#back-top').parent().css('display','table-cell');
			} else {
				$('#back-top').parent().css('display','none');
			}
		});
		$('#back-top').click(function(){
			$("html, body").animate({ scrollTop : 0 } , 1000);
		});
		$('#submitBtn').click(function(){
			var data = $('#requireform').serialize();
			$.ajax({
		        type : 'POST',
		        url : SERVER_PATH + '/user/v1/submitRequire?t=1&'+data,
		        async:false,
		        success : function(res){
		        	if(res.rescode==100){
		        		alert("提交成功，等待反馈");
		        		$('#userRequireModal').modal('hide')
		        		$('#requireform')[0].reset();
		        		$('#msgId').empty();
		        	} else {
		        		$('#msgId').html(res.msg);
		        	}
		        	
		        }
			});
		});
	});
	$('#madeEnter').click(function(){

		window.open(SERVER_PATH + "/toMadeEnter");
	});
	</script>
	
	
	<!-- 美恰 -->
	<script type='text/javascript'>
    (function(m, ei, q, i, a, j, s) {
        m[i] = m[i] || function() {
            (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
            s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = '//static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
    })(window, document, 'script', '_MEIQIA');
    _MEIQIA('entId', 60578);
</script>
</body>
</html>